﻿
<ul class="title-area">
	<!-- Title Area -->
	<li class="name">

	</li>
	<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
	<li class="toggle-topbar menu-icon"><a href=""><span>Menu</span></a></li>
</ul>

<section class="top-bar-section" style="left: 0%;">



	@if (Request.IsAuthenticated)
	{
		<ul class="right">
			<li class="has-dropdown not-click">
				<a href="#">Tài khoản</a>
				<ul class="dropdown">
					<li>@Html.ActionLink("Đổi thông tin cá nhân", "Change", "User")</li>
					<li>@Html.ActionLink("Đổi mật khẩu", "Change Password", "User")</li>
					<li class="divider"></li>
					<li>@Html.ActionLink("Đăng xuất", "Logout", "User")</li>
				</ul>
			</li>
			<li class="divider"></li>
		</ul>
		<ul class="left">
			<li class="divider"></li>
			<li><a href="#">Lịch giảng</a></li>
			<li><a href="#">Phân quyền</a></li>
			<li><a href="#">Cán bộ</a></li>
			<li><a href="#">Nguồn lực</a></li>
		</ul>
	}
	else
	{
		<ul class="right">

			<li class="has-form"><a class="button" data-reveal-id="loginModal">Đăng nhập</a></li>
		</ul>

		
	}

</section>

<div id="loginModal" class="reveal-modal small" data-reveal>
	<div class="small-5 columns">
		<img src="/Content/Image/login.png" />
	</div>
	<div class="small-7 columns">
		<h2 class="text-center">Đăng nhập</h2>
		<div class="row collapse">
			<div class="small-2 columns">
				<span class="prefix icon-user"></span>
			</div>
			<div class="small-10 columns">
				<input id="usernameTb" type="text" placeholder="Tên đăng nhập" />
			</div>
		</div>

		<div class="row collapse">
			<div class="small-2 columns">
				<span class="prefix icon-key"></span>
			</div>
			<div class="small-10 columns">
				<input id="passwordTb" type="password" placeholder="Mật khẩu" />
			</div>
		</div>
		<div class="right ">
			<a href="#" id="cancelbutton" class=" button  small secondary">Hủy bỏ</a>
			<a href="#" id="loginbutton" class=" button small">Đăng nhập</a>
		</div>

	</div><a class="close-reveal-modal">&#215;</a>
</div>

<div id="loginFailedModal" class="reveal-modal small" data-reveal>
	<div class="small-5 columns">
		<img src="/Content/Image/loginfailed.png" />

	</div>
	<div class="small-7 columns">
		<h4>
			Tên đăng nhập hoặc mật khẩu sai ! <br />
			Bạn có muốn nhập lại không ?
		</h4>

		<div class="left ">
			<a href="#" id="_nhaplaiBt" class="loginbutton button  tiny ">Nhập lại</a>
			<a href="#" id="_cancelbutton" class="loginbutton button  secondary tiny" data-reveal-id="">Thôi</a>
		</div>
	</div><a class="close-reveal-modal">&#215;</a>
</div>

<script src="/Scripts/Soict/Menu.js" defer="defer"></script>

@*<script src="/Scripts/jquery-1.10.2.min.js"></script>*@


